﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8">
</head>
<body>
<div class="slide" name="slide" id="slideslideIface1" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.33333in" height="7.5in" class="slides-canvas" pointer-events="none" viewBox="0 0 960 540">
  <defs>
    <symbol id="page1-pic1" viewBox="0 0 712 385" preserveAspectRatio="none">
      <image width="712" height="385" preserveAspectRatio="none" xlink:href="" />
    </symbol>
    <pattern id="page1-im1" x="-307" y="-254" width="315" height="385" patternUnits="userSpaceOnUse">
      <use width="712" height="385" xlink:href="#page1-pic1" preserveAspectRatio="none" />
    </pattern>
  </defs>
  <g text-rendering="geometricPrecision" pointer-events="painted" transform="scale(1, 1)">
    <rect x="0" y="0" width="960" height="540" fill="#FFFFFF" />
    <path fill="#FFFFFF" fill-opacity="0.4" d="M0 0L960 0 960 540 0 540z" />
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.745262, 29.3514862)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-75.11 47.11L-75.11-455.04 303.12 47.11z" />
    </g>
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.881783, 14.8448944)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-100.07 39.62L-100.07-462.52 278.17 39.62z" />
    </g>
    <g transform="matrix(-0, 1, 1, 0, 251.893219, -251.893219)">
      <path fill="url(#page1-im1)" d="M32.93-252.32L228.49-254.04 347.48-174.88 152.6 130.65 33.79 130.65C33.5 3.01 33.22-124.67 32.93-252.32z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path fill="#4472C4" d="M750.79 668.89L750.79 511.99 963.53 668.89z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M739.16 677.46L739.16 503.42 975.16 677.46z" />
    </g>
    <g transform="matrix(1, 0, 0, 1, 246.55, 36.32504)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040"><tspan x="0" y="27.08718" textLength="328.4" lengthAdjust="spacingAndGlyphs">Vue语法—组件库使用</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 117.599991, 112.45)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="17.31676"><tspan>1.安装组件库 element-ui</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="60.51676"><tspan>2.全局安装</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="99.39268"><tspan>import ElementUI from 'element-ui'</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="118.5927"><tspan>import 'element-ui/lib/theme-</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="137.7927"><tspan>chalk/index.css'</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="176.1927"><tspan>Vue.use(ElementUI)</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="214.5927"><tspan>3.安装babel-plugin-component</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="233.7927"><tspan>我们可以只引入需要的组件，以达到减小项</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#000000" x="0" y="252.9927"><tspan>目体积的目的。</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 473.7, 119.7)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="17.31676"><tspan>4.将 .babelrc 修改为：</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="38.91676"><tspan>{</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="60.51676"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">"presets": [</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="82.11676"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">["es2015", { "modules": false }]</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="103.7168"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">],</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="125.3168"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">"plugins": [["component", [</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="146.9167"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">{</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="168.5167"><tspan xml:space="preserve">      </tspan><tspan xml:space="preserve">"libraryName": "element-ui",</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="190.1167"><tspan xml:space="preserve">      </tspan><tspan xml:space="preserve">"styleLibraryName": "theme-</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="211.7167"><tspan>chalk"</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="233.3167"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">}</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="254.9167"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">]]]</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="276.5167"><tspan>}</tspan></text></g>
  </g>
</svg></div></body>
</html>